@font-face {
  font-family: AvantGardeBookBT;
  src: url('./font/AvantGardeBookBT.ttf');
}


@font-face {
  font-family: Baskerville;
  src: url('./font/Baskerville-Regular-6.ttf');
}

@font-face {
  font-family: bookman1;
  src: url('./font/bookman1.ttf');
}

@font-face {
  font-family: brushScript;
  src: url('./font/brushScript.ttf');
}

@font-face {
  font-family: CenturyOldStyleItalic;
  src: url('./font/CenturyOldStyleItalic.otf');
}

@font-face {
  font-family: clarendonBold;
  src: url('./font/clarendonBold.ttf');
}

@font-face {
  font-family: courierNewBold;
  src: url('./font/courierNewBold.ttf');
}

@font-face {
  font-family: EUROSTIB;
  src: url('./font/EUROSTIB.ttf');
}

@font-face {
  font-family: FranklinGothicBookRegular;
  src: url('./font/FranklinGothicBookRegular.ttf');
}

@font-face {
  font-family: FuturaBQDemiBold;
  src: url('./font/FuturaBQDemiBold.otf');
}

@font-face {
  font-family: garamond;
  src: url('./font/garamond.ttf');
}

@font-face {
  font-family: GillSansStd;
  src: url('./font/GillSansStd.otf');
}

@font-face {
  font-family: GoudyExtraBold;
  src: url('./font/GoudyExtraBold.otf');
}

@font-face {
  font-family: HelveticaBold;
  src: url('./font/HelveticaBold.ttf');
}

@font-face {
  font-family: helvmn;
  src: url('./font/helvmn.ttf');
}

@font-face {
  font-family: hotdog;
  src: url('./font/hotdog.ttf');
}

.font {
  &-AvantGardeBookBT {
    font-family: AvantGardeBookBT;
  }

  &-Baskerville {
    font-family: Baskerville;
  }

  &-bookman1 {
    font-family: bookman1;
  }

  &-brushScript {
    font-family: brushScript;
  }

  &-CenturyOldStyleItalic {
    font-family: CenturyOldStyleItalic;
  }

  &-clarendonBold {
    font-family: clarendonBold;
  }

  &-courierNewBold {
    font-family: courierNewBold;
  }

  &-EUROSTIB {
    font-family: EUROSTIB;
  }

  &-FranklinGothicBookRegular {
    font-family: FranklinGothicBookRegular;
  }

  &-garamond {
    font-family: garamond;
  }

  &-GoudyExtraBold {
    font-family: GoudyExtraBold;
  }

  &-HelveticaBold {
    font-family: HelveticaBold;
  }

  &-helvmn {
    font-family: helvmn;
  }

  &-hotdog {
    font-family: hotdog;
  }
}

.el-header,
.el-footer {
  background-color: #b3c0d1;
  color: #333;
  // text-align: center;
  line-height: 60px;
}

.el-aside {
  background-color: #d3dce6;
  color: #333;
  // text-align: center;
  // line-height: 200px;
}

.el-main {
  background-color: #e9eef3;
  color: #333;
  text-align: center;
  line-height: 160px;
}

body>.el-container {
  margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}
